<template>
    <el-row :gutter="20" justify="center">
        <el-col :span="16">
            <el-row :gutter="20" class="hander" align="middle">
                <el-col :span="5" class="border-right">
                    <img src="./img/logo-334-120.png" />
                </el-col>
                <el-col :span="6">
                    <h4>{{ props.title }}</h4>
                </el-col>
                
            </el-row>
          
            

        </el-col>
    </el-row>
</template>
<script setup>


let props = defineProps(['title'])



</script>

<style scoped>
.hander {
    background-color: #fff;
    padding: 20px 10px;

}


.border-right {
    border-right: 2px solid #ccc;
    text-align: center;
}


</style>